<script setup lang="ts">
const props = defineProps<{
  icon: string
  title: string
}>()
</script>

<template>
  <view class="flex justify-between items-center pr-30rpx pl-8rpx min-h-124rpx" hover-class="bg-#F8F8F8">
    <view class="flex items-center">
      <uv-image class="w-80rpx h-80rpx" width="80rpx" height="80rpx" :src="props.icon" />
      <Spacer width="8" />
      <view class="text-28rpx color-#333333 font-bold leading-28rpx">
        {{ props.title }}
      </view>
    </view>
    <image class="w-13rpx h-23rpx" src="@/static/images/cheveron-right.png" />
  </view>
</template>
